<!--
 * @Author: xfworld
 * @Date: 2020-06-11 10:37:42
 * @LastEditors: xfworld
 * @LastEditTime: 2020-06-11 14:59:48
 * @Description: 
-->
<template>
  <div>
    <div class="container">
      <transition>
        <router-view />
      </transition>
    </div>
    <FooterComponent :footerItem="footerItem"></FooterComponent>
  </div>
</template>

<script>
import FooterComponent from "@/components/main/footer";
import {mapGetters} from "vuex";
export default {
  name: "homeView",
  components: {
    FooterComponent
  },
  computed: {
    ...mapGetters("mainBar", {mainList: "mainBarList"})
  },
  mounted() {
    this.footerItem = {
      active: "/biz/index",
      tabList: this.mainList
    };
  },
  data() {
    return {
      footerItem: {}
    };
  }
};
</script>

<style lang="less" scoped>
.container {
  flex: 1;
  overflow: auto;
}
</style>
